<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="./css/global.css">
<link rel="stylesheet" href="./css/style.css">
<script type="text/javascript" src="./js/jq.js"></script>
</head>

<body>
<input type="text" list="country" id="test" />
<datalist id="country">
    <option value="Afghanistan">
    <option value="Albania" label="test">
    <option value="Algeria">
    <option value="Andorra">
    <option value="Angola">
</datalist>
<script type="text/javascript">
    $('#test').blur(function(){
        alert($('#test').val());
    });
    function addbtn(obj){
        alert(123);
    }
</script>
	<div class="header">
    	<div class="top">Full court promotions are on</div>
    	<div class="com">
        	<div class="h_left fl">
            	<a href="">
                	<img src="./images/logo.png" />
                </a>
            </div>
            <div class="h_center fl">
            	<div class="nav">
                	<div class="col cur">
                    	<a href="index.html" class="name">HOME</a>
                    </div>
                    <div class="col">
                    	<a href="shop.html" class="name">SHOP</a>
                        <div class="nav_list">
                        	<div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="row fl">
                            	<div class="img"><img src="images/shop-pop.png" /></div>
                                <div class="shop_name">WJ-10P</div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="col next">
                    	<a href="about.html" class="name">ABOUT</a>
                    </div>
                    <div class="col next">
                    	<a href="news.html" class="name">NEWS</a>
                    </div>
                    <div class="col next">
                    	<a href="service.html" class="name">SERVICE</a>
                    </div>
                    <div class="col last">
                    	<a href="javascript();" class="name">
                        	<img src="./images/amazon.png" />
                        </a>
                    </div>
                </div>
            </div>
            <div class="h_right fr">
            	<div class="fl icon">
            		<a href="search.html"><img src="images/search_a.png" /></a>
                </div>
                <div class="fl icon">
                	<a id="cart" href="cart.html"><img src="images/shop_icon.png" /></a>
                    <div class="cart_list">
                        <div class="top">RECENTLY ADDED ITEM ($)</div>
                        <div class="list">
                            <div class="row">
                                <div class="fl left">
                                    <img src="images/product-small-img.png" />
                                    <span></span>
                                </div>
                                <div class="fl desc">
                                    <div class="name">NIGHIGOWN</div>
                                    <div class="price"><span>PRICE</span>$208.00</div>
                                    <div class="qty"><span>QTY</span> 1</div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="fl left">
                                    <img src="images/product-small-img.png" />
                                    <span></span>
                                </div>
                                <div class="fl desc">
                                    <div class="name">NIGHIGOWN</div>
                                    <div class="price"><span>PRICE</span>$208.00</div>
                                    <div class="qty"><span>QTY</span> 1</div>
                                </div>
                            </div>
                        </div>
                        <div class="acount">SUBTOTAL: $ 630.00</div>
                        <div class="go">GO TO  SHOPPING BAG</div>
                        <div class="checkout">CHECKOUT</div>
                    </div>
                </div>
                <div class="fl icon">
                    <a href="member.html"><img src="images/my_icon.png" /></a>                    
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div id="solid">
        <div class="solid0"></div><div class="solid1"></div><div class="solid2"></div>
        <ul>
            <li><img src="./images/banner.png" /></li>
            <li><img src="./images/banner.png" /></li>
            <li><img src="./images/banner.png" /></li>
        </ul>
        <div id="btt"><span></span> <span></span> <span></span></div>
    </div>
    <!--<div id="ppt" class="banner">
        <ul>
            <li><a href="#"><img src="./images/banner.png"></a></li>
            <li><a href="#"><img src="./images/banner.png"></a></li>
            <li><a href="#"><img src="./images/banner.png"></a></li>
            <li><a href="#"><img src="./images/banner.png"></a></li>
        </ul>
	</div>-->
    <div class="nav_list">
    	<ul>
        	<li>
            	<div class="fl img"><img src="images/orders_icon.png" /></div>
            	<div class="fl desc">$5 SHIPPING ON ALL US ORDERS<br />$35USD FLAT-RATE FOR ANY INTERNATI</div>
            </li>
            <li>
            	<div class="fl img"><img src="images/pyment_icon.png" /></div>
            	<div class="fl desc">Support payment method : <br />paypal and credit card</div>
            </li>
            <li>
            	<div class="fl img"><img src="images/Quality_icon.png" /></div>
            	<div class="fl desc">Quality assurance : 2 Year<br />Limited Factory Warranty</div>
            </li>
        </ul>
    </div>
    <div class="index_contents">
    	<div class="list com14">
        	<div class="row">
                <div class="fl c_left">
                	<div class="title">现已发售！pro.40</div>
                    <div class="desc">Dramatic, vivid audio with deep bass and vast, symphonic resonance; studio-quality sound for all music genres</div>
                    <div class="more">learn  more</div>
                </div>
                <div class="fl c_right">
                	<div class="video"><img src="images/product01.png" /></div>
                    <div class="floor"><img src="images/vido_icon.png" /></div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="row">
                <div class="col02">
                	<img src="images/product02.png" />
                    <div class="resume">
                        <div class="title">pro.30</div>
                        <div class="desc">Built to consistently produce a superior audio experience at every volume, PRO30..</div>
                        <div class="more">learn  more</div>
                    </div>
                </div>
            </div>     
            <div class="row03">
                <div class="fl c_left">
                	<div class="top">
                        <div class="title">现已发售！pro.40</div>
                        <div class="desc">Dramatic, vivid audio with deep bass and vast, symphonic resonance; studio-quality sound for all music genres</div>
                        <div class="more">learn  more</div>
                    </div>
                    <div class="list">
                    	<div class="fl list_cont">
                        	<div class="list_img">
                            	<img src="images/product-icon03.png" />
                                <span></span>
                            </div>
                            <div class="list_name">PRO.30-GOLD</div>
                            <div class="list_abst">3款颜色</div>
                        </div>
                        <div class="fl list_cont">
                        	<div class="list_img">
                            	<img src="images/product-icon03.png" />
                                <span></span>
                            </div>
                            <div class="list_name">PRO.30-GOLD</div>
                            <div class="list_abst">3款颜色</div>
                        </div>
                    </div>
                </div>
                <div class="fr c_right">
                	<div class="img"><img src="images/product03.png" /></div>
                </div>
                <div class="clear"></div>
            </div> 
            <div class="row">
                <div class="col02">
                	<img src="images/product04.png" />
                    <div class="resume">
                        <div class="title">pro.30</div>
                        <div class="desc">Built to consistently produce a superior audio experience at every volume, PRO30..</div>
                        <div class="more">learn  more</div>
                    </div>
                </div>
            </div>     
            <div class="row">
                <div class="col05">
                	<img src="images/product04.png" />
                    <div class="resume">
                        <div class="title">pro.30</div>
                        <div class="desc">Built to consistently produce a superior audio experience at every volume, PRO30..</div>
                        <div class="more">learn  more</div>
                    </div>
                </div>
            </div>          
        </div>
        <div class="clear"></div>
    </div>
    <div class="footer">
    	<div class="search">
        	<div class="back">
            	<input type="text" placeholder="Get Newsletter (email address)" />
            </div>
        </div>
    	<div class="nav">
        	<div>
                <a class="cur" href="">HOME</a>       
                <a href="">ABOUT</a>     
                <a href="contact.html">CONTACT</a>         
                <a href="">PRIVACY</a>        
                <a href="">POLICY</a> 
            </div>
        </div>
        <div class="share"><img src="images/share.png" /></div>
    	<div class="copyright"> Copyright © 2016 Massaro, Inc. All Rights Reserved. MUNITIO.</div>
    </div>
</body>
<script type="text/javascript" src="./js/banner.js"></script>
<script>
$('#ppt2').myPic({
	effect:"in"
});
$('.h_right .icon').mouseenter(function(){
	$(this).find('.cart_list').show();
}).mouseleave(function(){
	$(this).find('.cart_list').hide();
});
$('.nav .col').mouseenter(function(){
	$(this).find('.nav_list').stop().slideDown();
}).mouseleave(function(){
	$(this).find('.nav_list').stop().slideUp();
});
</script>
</html>